<template>
  <!-- 访客记录-----访客记录 -->
  <div class="visitor-index">
    <a-row class="aRow-wrapper" :gutter="12">
      <a-col class="tree-wrapper" :span="4">
        <left-tree ref="leftTree" @onSelect="onSelectTree"></left-tree>
      </a-col>
      <a-col class="listContent-wrapper" :span="20">
        <top-title :updateTime="true" :content="content"></top-title>

        <div class="l-w_content">
          <div class="l-w_c_content">
            <refuse-audit :communityKey="key"></refuse-audit>
          </div>
        </div>
      </a-col>
    </a-row>
  </div>
</template>
<script>
import leftTree from '@/components/leftTree'
import topTitle from '@/components/topTitle'
import refuseAudit from './refuseAudit'
export default {
  name: 'visitor-index',
  components: { leftTree, topTitle, refuseAudit },
  data () {
    return {
      content: [['检查记录']],
      activeKey: '1',
      key: '',
    }
  },
  mounted () {
    this.activeKey = this.$route.query.activeKey ? this.$route.query.activeKey : '1'
  },
  methods: {
    onSelectTree (selectedKeys, info) {
      this.key = selectedKeys.length ? selectedKeys[0] : ''
    },
  }
}
</script>
<style lang="less" scoped>
.visitor-index {
  width: 100%;
  height: 100%;
  .pageInfo {
    width: 100%;
    height: 100%;
  }
}
</style>
